﻿import QtQuick 2.0
import QtQuick.Controls 2.3
ScrollView {
      id: control
//      width: 200
//      height: 200
//      focus: true
      clip: true
//      Label {
//          text: "ABC"
//          font.pixelSize: 224
//          clip: true
//      }
      Rectangle{
          id:xx
          width: control.width
          height: 700
      }
      ScrollBar.vertical: ScrollBar {
          parent: control
          x: control.mirrored ? 0 : control.width - width
          y: control.topPadding
          height: control.availableHeight
          width: 10
          active: control.ScrollBar.horizontal.active
          policy: ScrollBar.AsNeeded
          contentItem: Rectangle {
                   implicitWidth: 6
                   implicitHeight: 100
                   radius: width / 2
                   color: control.pressed ? "#81e889" : "#c2f4c6"
               }
      }

      ScrollBar.horizontal: ScrollBar {
          parent: control
          x: control.leftPadding
          y: control.height - height
          width: control.availableWidth
          active: control.ScrollBar.vertical.active
          policy: ScrollBar.AlwaysOff
      }

      background: Rectangle {
          border.color: control.activeFocus ? "#21be2b" : "#bdbebf"
      }
  }
